
<%@include file="../common.jsp" %>
<script type="text/javascript">
	$(document).ready(function(){
		enableDatepicker('docValidityStartDate','dd-mm-yy');
		enableDatepicker('docValidityEndDate','dd-mm-yy');
		enableDisableFields('docRenewableSelect');
	});
</script>

<tr>
	<td class="spacingColumnWidthLess"></td>
	<td class="formLabel"><label>Validity Condition</label></td>
	<td class="spacingColumnWidthLess"></td>
	<td class="formField">
		<form:select path="renewable" onchange="enableDisableFields('docRenewableSelect');" id="docRenewableSelect">
			<form:option value="true">Limited</form:option>
			<form:option value="false" >Lifetime</form:option>			
	</form:select>
	</td>
	<td class="spacingColumnWidthMedium"></td>
</tr>

<tr class="formSpacingRow formBlockColor"><td colspan="9"></td></tr>
<tr>
	<td class="spacingColumnWidthLess"></td>
	<td class="formLabel"><label>Validity Start Date</label></td>
	<td class="spacingColumnWidthLess"></td>
	<td class="formField">
		<form:input path="docValidityStartDate"/> 
	</td>
	<td class="spacingColumnWidthMedium"></td>
	<td class="formLabel"><label>Validity End Date</label></td>
	<td class="spacingColumnWidthLess"></td>
	<td class="formField">
		<form:input path="docValidityEndDate" cssClass="disableInputField"/> 
	</td>
	<td class="spacingColumnWidthLess"></td>									
</tr>
<tr>
		<td class="spacingColumnWidthLess"></td>
		<td class="formLabel"></td>
		<td class="spacingColumnWidthLess"></td>
		<td class="formError">
			<form:errors path="docValidityStartDate" cssClass="errorMsg"></form:errors>
		</td>
		<td class="spacingColumnWidthMedium"></td>
		<td class="formLabel"></td>
		<td class="spacingColumnWidthLess"></td>
		<td class="formError">
			 <form:errors path="docValidityEndDate" cssClass="text errorMsg"></form:errors> 
		</td>
		<td class="spacingColumnWidthLess"></td>
	</tr>
<tr class="formSpacingRow formBlockColor"><td colspan="9"></td></tr>
<tr>
	<td class="spacingColumnWidthLess"></td>
	<td class="formLabel"><label>Escalation Periods:</label></td>
	<td class="spacingColumnWidthLess"></td>
</tr>
<tr class="formSpacingRow formBlockColor"><td colspan="9"></td></tr>
<tr class="formBlockColor">
	<td class="spacingColumnWidthLess"></td>
	<td class="formLabel"></td>
	<td colspan="6">
		<table style="width: 80%;">
			<tr align="center">
				<td class="formLabel"><label>First</label></td>
				<td class="spacingColumnWidthLess"></td>
				<td align="left">
					<form:input path="firstEscalationPeriod"  cssClass="numtext disableInputField"/>
				</td>
				<td class="spacingColumnWidthMedium"></td>
				<td class="formLabel"><label>Second</label></td>
				<td class="spacingColumnWidthLess"></td>
				<td align="left">
					<form:input path="secondEscalationPeriod"  cssClass="numtext disableInputField"/> 
				</td>
				<td class="spacingColumnWidthMedium"></td>
				<td class="formLabel"><label>Third</label></td>
				<td class="spacingColumnWidthLess"></td>
				<td align="left">
					<form:input path="thirdEscalationPeriod"  cssClass="numtext disableInputField"/>  
				</td>
			</tr>
			<tr align="left">
				<td class="formLabel"></td>
				<td class="spacingColumnWidthLess"></td>
				<td class="formError">
					<form:errors path="firstEscalationPeriod" cssClass="text errorMsg"></form:errors>
				</td>
				<td class="spacingColumnWidthMedium"></td>
				<td class="formLabel"></td>
				<td class="spacingColumnWidthLess"></td>
				<td class="formError">
					<form:errors path="secondEscalationPeriod" cssClass="text errorMsg"></form:errors>
				</td>
				<td class="spacingColumnWidthMedium"></td>
				<td class="formLabel"></td>
				<td class="spacingColumnWidthLess"></td>
				<td class="formError" >
					<form:errors path="thirdEscalationPeriod" cssClass="text errorMsg"></form:errors> 
				</td>
			</tr>
		</table>
	</td>
	<td class="spacingColumnWidthLess"></td>
</tr>
<tr class="formSpacingRow formBlockColor"><td colspan="9"></td></tr>

	<%-- <tr>
		<td class="text ui-widget">
			<label>Document Validity Condition</label>
		</td>
		<td class="spacingColumn"></td>
		<td>
			<form:select path="renewable" onchange="enableDisableFields('docRenewableSelect');" id="docRenewableSelect">
					<form:option value="true">Limited</form:option>
					<form:option value="false" >Lifetime</form:option>			
			</form:select>
		</td>
	</tr>
	<tr>
		<td class="text ui-widget"><label>Validity Start Date</label> </td>
		<td class="spacingColumn"></td>
		<td>
			<form:input path="docValidityStartDate" cssClass="input ui-widget-content"/> 
		</td>
		<td class="spacingColumn"></td>
		<td class="text ui-widget"><label>Validity End Date</label> </td>
		<td class="spacingColumn"></td>	
		<td>
			<form:input path="docValidityEndDate" cssClass="input ui-widget-content disableInputField"/> 
		</td>
	</tr>
	<tr>
		<td colspan="2"></td>
		<td class="text ui-widget">
			<form:errors path="docValidityStartDate" cssClass="text errorMsg"></form:errors>
		</td>
		<td class="spacingColumn"></td>
		<td colspan="2"></td>
		<td class="text ui-widget">
			<form:errors path="docValidityEndDate" cssClass="text errorMsg"></form:errors>
		</td>
	</tr>
	<tr class="spacingRow"><td></td> </tr>
	<tr>
		<td class="text ui-widget"><label>Escalation Periods:</label> </td>
	</tr>
	<tr>
		<td class="text ui-widget"><label>First</label> </td>
		<td class="spacingColumn"></td>
		<td>
			<form:input path="firstEscalationPeriod"  cssClass="input ui-widget-content numtext disableInputField"/> 
		</td>
		<td class="spacingColumn"></td>
		<td class="text ui-widget"><label>Second</label> </td>
		<td class="spacingColumn"></td>	
		<td>
			<form:input path="secondEscalationPeriod"  cssClass="input ui-widget-content numtext disableInputField"/> 
		</td>
		<td class="spacingColumn"></td>
		<td class="text ui-widget"><label>Third</label> </td>
		<td class="spacingColumn"></td>
		<td>
			<form:input path="thirdEscalationPeriod"  cssClass="input ui-widget-content numtext disableInputField"/> 
		</td>
	</tr>
	<tr>
		<td colspan="2"></td>
		<td class="text ui-widget">
			<form:errors path="firstEscalationPeriod" cssClass="text errorMsg"></form:errors>
		</td>
		<td class="spacingColumn"></td>
		<td colspan="2"></td>
		<td class="text ui-widget">
			<form:errors path="secondEscalationPeriod" cssClass="text errorMsg"></form:errors>
		</td>
		<td class="spacingColumn"></td>
		<td colspan="2"></td>
		<td class="text ui-widget">
			<form:errors path="thirdEscalationPeriod" cssClass="text errorMsg"></form:errors>
		</td>
	</tr>
	<tr class="spacingRow"><td></td> </tr>
 --%>